<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Developed By M Abdur Rokib Promy">
<meta name="author" content="cosmic">
<meta name="keywords" content="Bootstrap 3, Template, Theme, Responsive, Corporate, Business">
<link rel="shortcut icon" href="${Prefix}images/favicon.png">
<title>
<#if Site.seoTitle?? && Site.seoTitle !="">${Site.seoTitle}<#else>${Site.name}</#if>
</title>

<link href="${Prefix}node_modules/animate.css/animate.min.css" rel="stylesheet" >
<link href="${Prefix}node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
<link href="${Prefix}node_modules/swiper/dist/css/swiper.min.css" rel="stylesheet" >

<link href="${Prefix}css/main.css" rel="stylesheet">
<link href="${Prefix}css/news.css" rel="stylesheet">
<link href="${Prefix}css/header.css" rel="stylesheet">
<link href="${Prefix}css/footer.css" rel="stylesheet">

<script src="${Prefix}node_modules/jquery/dist/jquery.min.js"></script>
<script src="${Prefix}node_modules/wowjs/dist/wow.min.js"></script>
<script src="${Prefix}node_modules/swiper/dist/js/swiper.min.js"></script>
<script src="${Prefix}node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="${Prefix}node_modules/less/dist/less.js"></script>
<script src="${Prefix}node_modules/vue/dist/vue.js"></script>
<script src="${Prefix}node_modules/element-ui/lib/index.js"></script>

<script>
$(document).ready(function(){
  const id = $('#current-catalog-alias').text();
  $('#' + id).addClass("active");
});
</script>
</head>

<body>
<@cms_include ssi="false"file="quick_nva.template.html"></@cms_include>
<!--header start-->
<@cms_include ssi="false"file="header.template.html"></@cms_include>
<!--header end-->
<div style="display: none;" id="current-catalog-alias">${Catalog.alias}</div>

<#assign firstAncestor = Catalog.ancestors?split(':')[0]>
<@cms_catalog id="${firstAncestor}" level="Self">
<#list DataList as c1>

<div class="news-top" style="background-image: url('${internalUrl(c1.logo)}');">
  <div class="container wow fadeInLeft">
  	<div class="row">
      <div class="col-lg-12" >
        <div class="news-top-text">
          <div class="text1">${c1.name}</div>
          <div class="text2">${c1.description}</div>
        </div>
      </div>
    </div>
  </div>
</div>
</#list>
</@cms_catalog>

<div class="container wow fadeInLeft news-center">
  <div class="row">
    <div class="col-lg-12" >
      <div class="news-search">
        <div class="news-search-l">
          <@cms_catalog alias="${Catalog.alias}" level="Current" size="100">
              <#list DataList as c1>
                <a href="${c1.link}">
                  <div id="${c1.alias}">${c1.name}</div>
                </a>
              </#list> 
          </@cms_catalog >
        </div> 
      </div>
      
      <div class="news-search-content">
        <@cms_content catalogalias="${Catalog.alias}" level="CurrentAndChild" size="5" page="true">

          <#if DataList?size == 0>
          <div class="no-data">
              <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
          </div>
          <#else>
          <#list DataList as content>
          <a href="${content.link}" target="_blank" rel="noopener noreferrer">
            <div class="content-item">
              <div class="content-item-img">
                <#if content.logo?has_content>
                <img src="${internalUrl(content.logo)}" alt="content.logo">
                <#else>
                <img src="${Prefix}images/empty-img.jpg" alt="">
                </#if>
              </div>
              <div class="content-item-text">
                <div class="text1">
                  ${content.title}
                </div>
                <div class="text2">
                  <@cms_article contentId="#{content.contentId}">
                    ${clearHtmlTag(ArticleContent)[0..*100000]}
                  </@cms_article> 
                </div>
              </div>
              <div class="content-item-more">
                  查看更多➡
              </div>
            </div>
          </a>
          </#list>
          </#if>
        </@cms_content>  
      </div>   
      <@cms_include ssi="false" file="paginator.template.html"></@cms_include>

    </div>
  </div>
</div>

<@cms_include ssi="false" file="footer.template.html"></@cms_include>
</body>

</html>